html{background:#ccc;padding:8px;height:100%;}
body{height:100%}
.col-important{display:inline-block;padding:0 5px;color:red;}

#content-content p{text-align:center;margin:0;}
#content-content .head-portrait img{border-radius:50%;width:100px;height:100px;}
#content-content .box-2{display:none;}
#content-content .box img{margin:0 auto; max-width:50%;}


.head-portrait{padding:30px 0 5px;}
.invit{padding:5px 0;font-size:14px;}

#content-content{background:#fff;}
#content-content .phone-number{text-align:center;padding:0 20px; }
#content-content .phone-number p{border:1px solid #ddd;border-radius:20px;line-height:40px;overflow:hidden;}
#content-content .phone-number input{border:0;line-height:40px;outline:none;}
#content-content .phone-number .region{padding:0 10px;color:#bebebe;}
#content-content .phone-number .verification-code{right:6px;top:5px;}
#content-content .phone-number .verification-code button{opacity:1;display:inline-block;line-height:30px;background:#f34546;color:#fff;border-radius:20px;padding: 0px 13px;outline:none;}
#content-content p.overseas {color:#bfbfbf;margin:10px 0;}
#content-content p.overseas .col-important{color:#f34544;}
#content-content .phone-number p.key input{width:100%;border-radius:20px;padding:0 0 0 40px;background:url(../../img/keyboard.png) no-repeat 3% 50%;background-size:20px;}


.btn-join{padding:20px 20px;position:relative;top:-5px;}
.btn-join button{display:inline-block;width:100%;border-radius:20px;line-height:40px;border:0;background:#f34546;color:#fff;outline:none;}

/*弹窗*/
.bg-popup{position:fixed;left:0;right:0;top:0;z-index:1;background:rgba(0,0,0,0.6);height:100%;display:none}
.popup{background:#fff;position:fixed;bottom:-283px;left:0;right:0;z-index:2;height:283px;overflow:auto;}
.popup .fix-top{}
.popup h2{background:#bfbfbf;line-height:40px;padding:0 0 0 15px;margin:0;font-weight:400;font-size:14px;}
.popup h2 span{right:10px;top:50%;margin:-10px 0 0;}
.popup h2 span img{width:20px;}

.popup #content{height:190px;overflow:auto;padding:0 0 0 10px;}
.popup #content p{margin:0;line-height:40px;}
.popup #page_navigation {display:inline-block;margin-top:15px;}
.popup #page_navigation a{padding:3px; border:0; margin:2px; color:black; text-decoration:none; color:#fff;}
.popup #page_navigation a img{width:15px;}
.popup .active_page{background:darkblue; color:white !important;}
.popup .page_link{display:none;}
.popup .footer-inner{background:#bfbfbf;line-height:31px;}
.popup .footer-inner .rightArea{color:#086fd6;font-size:14px;padding:0 10px 0 0;line-height:40px;}


/*下载页面*/

.download-content{padding:20px 0 0;}
.download-content .accept{font-size:16px;width:84%;margin:0 auto !important;color:#000;text-align:center;}
.download-content .envelope img{width:70%;margin:0 auto;}
.download-content .go-download{font-size:14px;line-height:16px;text-align:center;}
.download-content .envelope{text-align:center;}
.download-content .btn-join{padding:40px 20px 0;}
.btn-join{padding:20px 20px;}
.btn-join button{outline:none;}
.btn-join button img{vertical-align:middle;}
.btn-join button .arrow-download{width:18px;top:-2px;margin:0 5px}
.btn-join button .arrow-brackets{width:6px;margin:0 4px;}
.btn-join button .arrow-brackets.mar-l{margin:0 5px 0 2px}


.leftArea{float:left;}
.rightArea{float:right;}

/*clearfix*/
.clearfix {*zoom:1}
.clearfix:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}

/*bound*/
.bound {margin:0 auto;*zoom:1;}
.bound:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}

/* menu */
.menu-group{*zoom:1}
.menu-group:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.menu-group li{float:left;}

.menu-group-center{text-align:center;font-size: 0;}
.menu-group-center li{display:inline-block;*display:inline;*zoom:1;font-size: 12px;letter-spacing: normal;word-spacing: normal;}

.po-r{position:relative;}
.po-a{position:absolute;}

@media only screen
and (max-device-width : 320px) { 
	
	#content-content .box-1{display:none;}
	#content-content .box-2{display:block;}
	.head-portrait{padding:15px 0 5px;}
	#content-content p.overseas {color:#bfbfbf;margin:5px 0;}
	
}

@media (min-device-width : 321px) and (max-device-width : 520px){
	#content-content .box-1{display:none;}
	#content-content .box-2{display:block;}
	.head-portrait{padding:8px 0 5px;}
}
